<!--
 * @Descripttion : FOXCMS是一款高效的PHP多端跨平台内容管理系统
 * @Author       : FoxCMS Team
 * @Date         : 2023-01-10 09:33:37
 * @version      : V1.08
 * @copyright    : ©2021-现在 贵州黔狐科技股份有限公司 版权所有
 * @LastEditTime : 2024-07-06 10:15:54
-->
<!DOCTYPE html>
<html lang="cn">
	<head>
		{include file="header"/}
		<title>{fox:basic name='title'/}</title>
		<meta name="keywords" content="{fox:basic name='keyword'/}" />
		<meta name="description" content="{fox:basic name='description'/}" />
	</head>
	<body>
		<!-- 顶部 -->
		<header class="foxui-position-fixed">{include file="nav"/}</header>
		<!-- 主体内容 -->
		<main class="index-main">
			<!-- 通栏图 -->
			<div class="foxcms-index-banner">{include file="column"/}</div>
			<!-- 学院新闻 -->
			<div class="layout-tabs-section">
				<div class="foxcms-container">
					{fox:channel name="field" typeid="129" type="self"}
					<div class="header">
						<h1>[$field.name]</h1>
						<p>[$field.en_name]</p>
						<a class="more" href="[$field.link]">MORE+</a>
					</div>
					<div class="content foxui-row foxui-gutter-0">
						<div class="foxui-col-md-15">
							<div class="swiper college_news_img">
								<div class="swiper-wrapper">
									{fox:article name='av' calltype='parent' sortorder='desc' row='2' flag='s'}
									<div class="swiper-slide">
										<div class="img">
											<a href="[$av.link]"><img src="[$av.img_url]" alt="" /></a>
										</div>
										<div class="txt">
											<h2><a href="[$av.link]">[$av.title]</a></h2>
											<p>
												<i class="foxui-icon-rili-o">[$av.release_time|date='Y-m-d']</i>
												<i class="foxui-icon-xianshi-o">[$av.click]</i>
											</p>
										</div>
									</div>
									{/fox:article}
								</div>
								<div class="swiper-pagination"></div>
							</div>
						</div>
						<div class="foxui-col-md-9 college_news_list">
							{fox:article name='av' calltype='parent' sortorder='desc' limit='2,5'}
							<dl>
								<dt>
									<span>[$av.release_time|date='d']</span>
									<p>[$av.release_time|date='Y.m']</p>
								</dt>
								<dd>
									<a href="[$av.link]">[$av.title]</a>
								</dd>
							</dl>
							{/fox:article}
						</div>
					</div>
					{/fox:channel}
				</div>
			</div>
			<!-- 通知公告 -->
			<div class="layout-tabs-section announcement_wrapper">
				<div class="foxcms-container">
					{fox:channel name="field" typeid="93" type="self"}
					<div class="header">
						<h1>[$field.name]</h1>
						<p>[$field.en_name]</p>
						<a class="more" href="[$field.link]">MORE+</a>
					</div>
					<div class="content foxui-row foxui-gutter-5">
						{fox:article name='av' calltype='parent' sortorder='desc' row='4'}
						<div class="foxui-col-xs-24 foxui-col-sm-12 foxui-col-md-6">
							<div class="annitem">
								<div class="time">
									<p>[$av.release_time|date='m-d']</p>
									<span>[$av.release_time|date='Y']</span>
								</div>
								<div class="tit"><a href="[$av.link]">[$av.title]</a></div>
							</div>
						</div>
						{/fox:article}
					</div>
					{/fox:channel}
				</div>
			</div>
			<div class="layout-tabs-section masses_activity">
				<div class="foxcms-container">
					{fox:channel name="field" typeid="114" type="self"}
					<div class="header">
						<h1>[$field.name]</h1>
						<p>[$field.en_name]</p>
						<a class="more" href="[$field.link]">MORE+</a>
					</div>
					<div class="content foxui-row foxui-gutter-10">
						{fox:article name='av' calltype='parent' sortorder='desc' row='2'}
						<div class="foxui-col-xs-24 foxui-col-sm-12">
							<div class="massesimg">
								<a class="img" href="[$av.link]"><img src="[$av.img_url]" alt="" /></a>
								<div class="box">
									<h4><a href="[$av.link]">[$av.title]</a></h4>
									<p>[$av.description]</p>
								</div>
							</div>
						</div>
						{/fox:article}
					</div>
					{/fox:channel}
				</div>
			</div>
			<div class="layout-tabs-section">
				<div class="foxcms-container">
					<div class="foxui-row foxui-gutter-10">
						{fox:channel name="field" typeid="139,131" type="self" sortorder='desc'}
						<div class="foxui-col-sm-24 foxui-col-md-12">
							<div class="layout-tabs-news">
								<div class="header">
									<h1>[$field.name]</h1>
									<p>[$field.en_name]</p>
									<a class="more" href="[$field.link]">MORE+</a>
								</div>
								<div class="content layout_news_wrapper">
									{fox:article name='av' calltype='parent' sortorder='desc' row='4'}
									<div class="newitem">
										<div class="time">
											<p>[$av.release_time|date='d']</p>
											<span>[$av.release_time|date='Y-m']</span>
										</div>
										<div class="info">
											<a class="tit" href="[$av.link]">[$av.title]</a>
											<p class="des">[$av.description]</p>
										</div>
									</div>
									{/fox:article}
								</div>
							</div>
						</div>
						{/fox:channel}
					</div>
				</div>
			</div>
			<div class="layout-tabs-section scientific_research">
				<div class="foxcms-container">
					{fox:channel name="field" typeid="6" type="self"}
					<div class="header">
						<h1>[$field.name]</h1>
						<p>[$field.en_name]</p>
					</div>
					{/fox:channel}
					<div class="content swiper" id="scientificResearch">
						<div class="swiper-wrapper">
							{fox:channel name="field" typeid="6" type="son"}
							{fox:article name='av' calltype='parent' sortorder='desc' row='4'}
							<div class="swiper-slide">
								<div class="img">
									<a href="[$av.link]"><img src="[$av.img_url]" alt="" /></a>
								</div>
								<div class="txt">
									<h4><a href="[$av.link]">[$av.title]</a></h4>
									<p>[$av.description]</p>
								</div>
							</div>
							{/fox:article}
							{/fox:channel}
						</div>
						<div class="swiper-pagination"></div>
					</div>
					<div class="button"><a href="#">READ MORE</a></div>
				</div>
			</div>
			<div class="layout-tabs-section">
				<div class="foxcms-container">
					{fox:channel name="field" typeid="12" type="self"}
					<div class="header">
						<h1>[$field.name]</h1>
						<p>[$field.en_name]</p>
						<a class="more" href="[$field.link]">MORE+</a>
					</div>
					<div class="content foxui-row foxui-gutter-5">
						{fox:article name='av' calltype='parent' sortorder='desc' row='4'}
						<div class="foxui-col-xs-24 foxui-col-sm-12 foxui-col-md-6 excellent_course">
							<a class="img" href="[$av.link]"><img src="[$av.img_url]" alt="[$av.title]"></a>
							<a class="tit" href="[$av.link]">[$av.title]</a>
						</div>
						{/fox:article}
					</div>
					{/fox:channel}
				</div>
			</div>
			<!-- <div class="layout-tabs-section">
				<div class="foxcms-container">
					{fox:channel name="field" typeid="135" type="self"}
					<div class="header">
						<h1>[$field.name]</h1>
						<p>[$field.en_name]</p>
						<a class="more" href="[$field.link]">MORE+</a>
					</div>
					<div class="content foxui-row foxui-gutter-10">
						{fox:images name='av' calltype='parent' sortorder='desc' row='12'}
						<div class="foxui-col-xs-24 foxui-col-sm-12 foxui-col-md-6 excellent_course">
							<a class="img" href="[$av.link]"><img src="[$av.img_url]" alt="[$av.title]"></a>
							<a class="tit" href="[$av.link]">[$av.title]</a>
						</div>
						{/fox:images}
					</div>
					{/fox:channel}
				</div>
			</div> -->
			<div class="layout-tabs-section masses_dynamics">
				<div class="foxcms-container">
					{fox:channel name="field" typeid="115" type="self"}
					<div class="header">
						<h1>[$field.name]</h1>
						<p>[$field.en_name]</p>
						<a class="more" href="[$field.link]">MORE+</a>
					</div>
					{/fox:channel}
					<div class="content foxui-row foxui-gutter-10">
						{fox:channel name="field" typeid="115" type="son"}
						{fox:article name='av' calltype='parent' sortorder='desc' row='12'}
						<div class="foxui-col-xs-24 foxui-col-sm-12 item">
							<h4><a href="[$av.link]">[$av.title]</a></h4>
							<span>[$av.release_time|date='Y/m/d']</span>
						</div>
						{/fox:article}
						{/fox:channel}
					</div>
				</div>
			</div>
			<div class="layout-tabs-section friendly_link">
				<div class="foxcms-container">
					<div class="header">
						<h1>友情链接</h1>
						<p>friendly link</p>
					</div>
					<div class="content">
						{fox:link name='field'}
						<a href="[$field.link]">[$field.title]</a>
						{/fox:link}
					</div>
				</div>
			</div>
		</main>
		<!-- 底部 -->
		<footer>{include file="footer"/}</footer>
	</body>
	<script src="_STATIC_/skin/js/foxui-1.21.min.js"></script>
	<script src="_STATIC_/skin/js/common.js"></script>
	<script src="_STATIC_/skin/js/form.js"></script>

	<script>
		setTimeout(() => {
			new Swiper('.college_news_img', {
				pagination: {
					clickable: true,
					el: '.swiper-pagination'
				},
			});
			new Swiper('#scientificResearch', {
				slidesPerView: 1,
				spaceBetween: 20,
				breakpoints: {
					767: {
						slidesPerView: 2,
						slidesPerGroup: 2
					},
					991: {
						slidesPerView: 3,
						slidesPerGroup: 3
					},
					1199: {
						slidesPerView: 4,
						slidesPerGroup: 4
					},
				},
				pagination: {
					el: '.scientific_research .swiper-pagination',
					clickable: true,
				}
			});
		}, 300);
	</script>
</html>